<div ng-init="init();" class="dialog-container mdl-shadow--8dp mdl-layout--fixed-header" style="width: 100%; height: 100%;">
    <div class="kmi-header-row">
        <div class="header-title" ng-bind="'dashboard-QT02.plotNoInfo.title' | translate" style="color: #db4b3c;"></div>
        <div class="kmi-side-btn right" ng-click="dialog.back();">
            <img src="image/icons/clear.png"></img>
            <div class="kmi-can-click"></div>
        </div>
    </div>
    <div class="kmi-layout-main-content">
        <div class="kmi-layout-page">
            <div class="kmi-list column-selector" column-selector-id="QT02_plotNoInfo_detail">
                <div class="kmi-list__header">
                    <div class="kmi-list__column head-controls " style="flex:1;">
                        <div class="order" ng-hide="plot_no_show">
                            <i class="material-icons search" style="z-index:1;" ng-click="plot_no_show = true">search</i>
                            <label ng-bind="'dashboard-QT02.plotNoInfo.showGrid.column1' | translate"></label>
                        </div>
                        <div class="filter" ng-show="plot_no_show">
                            <input ng-model="dialog.plotNo_filter.plot_no" style="margin-top: 4px;font-size: 13px;">
                            <i class="material-icons clear" style="position: absolute;top: 2px;right: 8px;" ng-show="plot_no_show"
                                ng-click="plot_no_show = false; dialog.plotNo_filter.plot_no=''">clear</i>
                        </div>
                    </div>
                    <div class="kmi-list__column head-controls " style="flex:1;">
                        <div class="order" ng-hide="inspect_time_show">
                            <i class="material-icons search" style="z-index:1;" ng-click="inspect_time_show = true">search</i>
                            <label ng-bind="'dashboard-QT02.plotNoInfo.showGrid.column2' | translate"></label>
                        </div>
                        <div class="filter" ng-show="inspect_time_show">
                            <input ng-model="dialog.plotNo_filter.inspect_time" style="margin-top: 4px;font-size: 13px;">
                            <i class="material-icons clear" style="position: absolute;top: 2px;right: 8px;" ng-show="inspect_time_show"
                                ng-click="inspect_time_show = false; dialog.plotNo_filter.inspect_time=''">clear</i>
                        </div>
                    </div>
                    <div class="kmi-list__column head-controls " style="flex:1;">
                        <div class="order" ng-hide="inspect_type_show">
                            <i class="material-icons search" style="z-index:1;" ng-click="inspect_type_show = true">search</i>
                            <label ng-bind="'dashboard-QT02.plotNoInfo.showGrid.column3' | translate"></label>
                        </div>
                        <div class="filter" ng-show="inspect_type_show">
                            <input ng-model="dialog.plotNo_filter.inspect_type" style="margin-top: 4px;font-size: 13px;">
                            <i class="material-icons clear" style="position: absolute;top: 2px;right: 8px;" ng-show="inspect_type_show"
                                ng-click="inspect_type_show = false; dialog.plotNo_filter.inspect_type=''">clear</i>
                        </div>
                    </div>
                    <div class="kmi-list__column head-controls " style="flex:1;">
                        <div class="order" ng-hide="inspect_result_show">
                            <i class="material-icons search" style="z-index:1;" ng-click="inspect_result_show = true">search</i>
                            <label ng-bind="'dashboard-QT02.plotNoInfo.showGrid.column4' | translate"></label>
                        </div>
                        <div class="filter" ng-show="inspect_result_show">
                            <input ng-model="dialog.plotNo_filter.inspect_result" style="margin-top: 4px;font-size: 13px;">
                            <i class="material-icons clear" style="position: absolute;top: 2px;right: 8px;" ng-show="inspect_result_show"
                                ng-click="inspect_result_show = false; dialog.plotNo_filter.inspect_result=''">clear</i>
                        </div>
                    </div>
                    <div class="kmi-list__column head-controls " style="flex:1;">
                        <div class="order" ng-hide="inspect_no_show">
                            <i class="material-icons search" style="z-index:1;" ng-click="inspect_no_show = true">search</i>
                            <label ng-bind="'dashboard-QT02.plotNoInfo.showGrid.column5' | translate"></label>
                        </div>
                        <div class="filter" ng-show="inspect_no_show">
                            <input ng-model="dialog.plotNo_filter.inspect_no" style="margin-top: 4px;font-size: 13px;">
                            <i class="material-icons clear" style="position: absolute;top: 2px;right: 8px;" ng-show="inspect_no_show"
                                ng-click="inspect_no_show = false; dialog.plotNo_filter.inspect_no=''">clear</i>
                        </div>
                    </div>
                    <div class="kmi-list__column head-controls " style="flex:1;">
                        <div class="order" ng-hide="employee_no_show">
                            <i class="material-icons search" style="z-index:1;" ng-click="employee_no_show = true">search</i>
                            <label ng-bind="'dashboard-QT02.plotNoInfo.showGrid.column6' | translate"></label>
                        </div>
                        <div class="filter" ng-show="employee_no_show">
                            <input ng-model="dialog.plotNo_filter.employee_no" style="margin-top: 4px;font-size: 13px;">
                            <i class="material-icons clear" style="position: absolute;top: 2px;right: 8px;" ng-show="employee_no_show"
                                ng-click="employee_no_show = false; dialog.plotNo_filter.employee_no=''">clear</i>
                        </div>
                    </div>
                    <div class="kmi-list__column head-controls " style="flex:1;">
                        <div class="order" ng-hide="op_no_show">
                            <i class="material-icons search" style="z-index:1;" ng-click="op_no_show = true">search</i>
                            <label ng-bind="'dashboard-QT02.plotNoInfo.showGrid.column7' | translate"></label>
                        </div>
                        <div class="filter" ng-show="op_no_show">
                            <input ng-model="dialog.plotNo_filter.op_no" style="margin-top: 4px;font-size: 13px;">
                            <i class="material-icons clear" style="position: absolute;top: 2px;right: 8px;" ng-show="op_no_show"
                                ng-click="op_no_show = false; dialog.plotNo_filter.op_no=''">clear</i>
                        </div>
                    </div>
                    <div class="kmi-list__column head-controls " style="flex:1;">
                        <div class="order" ng-hide="op_name_show">
                            <i class="material-icons search" style="z-index:1;" ng-click="op_name_show = true">search</i>
                            <label ng-bind="'dashboard-QT02.plotNoInfo.showGrid.column8' | translate"></label>
                        </div>
                        <div class="filter" ng-show="op_name_show">
                            <input ng-model="dialog.plotNo_filter.op_name" style="margin-top: 4px;font-size: 13px;">
                            <i class="material-icons clear" style="position: absolute;top: 2px;right: 8px;" ng-show="op_name_show"
                                ng-click="op_name_show = false; dialog.plotNo_filter.op_name=''">clear</i>
                        </div>
                    </div>
                    <div class="kmi-list__column head-controls " style="flex:1;">
                        <div class="order" ng-hide="sample_qty_show">
                            <i class="material-icons search" style="z-index:1;" ng-click="sample_qty_show = true">search</i>
                            <label ng-bind="'dashboard-QT02.plotNoInfo.showGrid.column9' | translate"></label>
                        </div>
                        <div class="filter" ng-show="sample_qty_show">
                            <input ng-model="dialog.plotNo_filter.sample_qty" style="margin-top: 4px;font-size: 13px;">
                            <i class="material-icons clear" style="position: absolute;top: 2px;right: 8px;" ng-show="sample_qty_show"
                                ng-click="sample_qty_show = false; dialog.plotNo_filter.sample_qty=''">clear</i>
                        </div>
                    </div>
                    <div class="kmi-list__column head-controls " style="flex:1;">
                        <div class="order" ng-hide="defect_qty_show">
                            <i class="material-icons search" style="z-index:1;" ng-click="defect_qty_show = true">search</i>
                            <label ng-bind="'dashboard-QT02.plotNoInfo.showGrid.column10' | translate"></label>
                        </div>
                        <div class="filter" ng-show="defect_qty_show">
                            <input ng-model="dialog.plotNo_filter.defect_qty" style="margin-top: 4px;font-size: 13px;">
                            <i class="material-icons clear" style="position: absolute;top: 2px;right: 8px;" ng-show="defect_qty_show"
                                ng-click="defect_qty_show = false; dialog.plotNo_filter.defect_qty=''">clear</i>
                        </div>
                    </div>
                </div>
                <div class="kmi-list__row-content">
                    <div class="kmi-list__row" ng-repeat="item in dialog.getPages(dialog.moduleData, dialog.List_PageConfig, dialog.plotNo_filter) track by $index">
                        <div class="kmi-list__column column-border" style="flex: 1;" ng-bind="item.plot_no"></div>
                        <div class="kmi-list__column column-border" style="flex: 1;" ng-bind="item.inspect_time"></div>
                        <div class="kmi-list__column column-border" style="flex: 1;" ng-bind="item.inspect_type"></div>
                        <div class="kmi-list__column column-border" style="flex: 1;" ng-bind="item.inspect_result"></div>
                        <div class="kmi-list__column column-border" style="flex: 1;" ng-bind="item.inspect_no"></div>
                        <div class="kmi-list__column column-border" style="flex: 1;" ng-bind="item.employee_no"></div>
                        <div class="kmi-list__column column-border" style="flex: 1;" ng-bind="item.op_no"></div>
                        <div class="kmi-list__column column-border" style="flex: 1;" ng-bind="item.op_name"></div>
                        <div class="kmi-list__column column-border" style="flex: 1;" ng-bind="item.sample_qty"></div>
                        <div class="kmi-list__column column-border" style="flex: 1;" ng-bind="item.defect_qty"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="page-content">
            <div class="page-icon">
                <img src="image/icons/dropleft.png"></img>
                <div class="kmi-can-click"  ng-click="dialog.List_PageConfig.page = (dialog.List_PageConfig.page-1<0?0:dialog.List_PageConfig.page-1);"></div>
            </div>
            <label ng-bind="(dialog.List_PageConfig.page +1)+' / '+dialog.List_PageConfig.total_page"></label>
            <div class="page-icon">
                <img src="image/icons/dropright.png"></img>
                <div class="kmi-can-click"  ng-click="dialog.List_PageConfig.page = (dialog.List_PageConfig.page+1>(dialog.List_PageConfig.total_page-1)?(dialog.List_PageConfig.total_page-1):dialog.List_PageConfig.page+1);"></div>
            </div>
        </div>
        <div class="btn-panel" style="display: flex; justify-content: center;">
            <div class="kmi-button kmi-button-confrim btn-confirm" ng-click="dialog.back();" style="width:100px">
                <label ng-bind="'common.btn.close'|translate"></label>
                <div class="kmi-can-click"></div>
            </div>
            <!-- <div class="kmi-button kmi-button-confrim btn-confirm" ng-click="dialog.export();" style="width:100px">
                <label ng-bind="'common.btn.export'|translate"></label>
                <div class="kmi-can-click"></div>
            </div> -->
        </div>
    </div>
</div>
